<script>
export default {
  name: "navBar",
  data() {
    return {
    }
  },
  props: {
    title: '',
	size:'',
  },
  methods: {
    goHome() {
      uni.switchTab({url: '/pages/index/index'})
    },
    back() {
      uni.navigateBack()
    }
  }
}
</script>

<template>
  <uv-navbar leftText="返回" border :title="title" titleStyle="fontSize:28rpx;" placeholder>
    <template v-slot:left>
      <view class="uv-nav-slot">
        <uv-icon name="arrow-left" size="19" @click="back"></uv-icon>
        <uv-line direction="column" :hairline="false" length="16" margin="0 8px"></uv-line>
        <uv-icon name="home" size="20" @click="goHome"></uv-icon>
      </view>
    </template>
  </uv-navbar>
</template>

<style scoped lang="scss">
.uv-nav-slot {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #dadbde;
  border-radius: 40rpx;
  padding: 3px 7px;
  opacity: 0.8;
}

</style>